﻿@model Siser.Web.Models.ReporteSEPRO

@{
    ViewBag.Title = "Formulario de Reporte por Equipo";
}

<h2>Formulario de Reporte por Equipo</h2>
<!DOCTYPE html>
<html>
<head>
<script language="javascript" type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")"></script>
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")"/>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
 <script src="@Url.Content("~/Scripts/Propios.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-1.9.1.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.10.3.custom.js")" type="text/javascript"></script>
<link rel="stylesheet" href="@Url.Content("~/Content/jquery-ui-1.10.3.custom.css")" type="text/css"/>
<title>Formulario de Reporte por Equipo</title>
</head>


@using (Html.BeginForm("reporte1", "Reporte", FormMethod.Get))
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Registro de Datos Informe Periodo Radiológico</legend> 

        <div class="editor-label">Fecha inicio</div>
        <div class="editor-field">
                @Html.TextBoxFor(model => model.fechaInicio, new { @readonly = "readonly" })
                @Html.ValidationMessageFor(model => model.fechaInicio)
        </div>

            <div class="editor-label">Fecha fin</div>
            <div class="editor-field">
                @Html.TextBoxFor(model => model.fechaFin, new { @readonly = "readonly" })
                @Html.ValidationMessageFor(model => model.fechaFin)
            </div>

        <div class="editor-label">Región</div>
         <div class="editor-field">
            @Html.DropDownList("region", "Seleccione una opción")
            @Html.ValidationMessageFor(model => model.region)
        </div>
    
        <div class="editor-label">Empresa</div>
         <div class="editor-field">
            @Html.DropDownList("empresa", "Seleccione una opción")
            @Html.ValidationMessageFor(model => model.empresa)
        </div>

        <div class="editor-label">Planta</div>
         <div class="editor-field">
            @Html.DropDownList("area", "Seleccione una opción")
            @Html.ValidationMessageFor(model => model.area)
        </div>

        <div class="editor-label">Instalación</div>
         <div class="editor-field">
            @Html.DropDownList("instalacion")
            @Html.ValidationMessageFor(model => model.instalacion)
        </div>

        <div class="editor-label">Equipos</div>
         <div class="editor-field">
            @Html.DropDownList("gabinete")
            @Html.ValidationMessageFor(model => model.gabinete)
        </div>

        <div class="editor-label">Detector</div>
         <div class="editor-field">
            @Html.DropDownList("equipo_id")
            @Html.ValidationMessageFor(model => model.equipo_id)
        </div>   
         
        <div class="editor-label">Proceso</div>
        <div class="editor-field"><input type="text" name="proceso" maxlength ="20" size = "20"/>
        </div>
        <div class="editor-label">Verificacion</div>
        <div class="editor-field"><input type="text" name="verificacion" maxlength ="20" size = "20"/>
        </div>

        <div style="clear:both;">
        <p>
            <input type="submit" value="Generar" onclick="ClickBoton()" />
        </p>
        </div>

        @Html.Hidden("bloqueo")

    </fieldset>
 }   
    <script type="text/javascript">
        $(function () {
            $("#fechaInicio,#fechaFin").datepicker();
        });

        $(document).ready(function () {
            if (document.getElementById("bloqueo").value == '1') {
                document.getElementById("area").disabled = true;
                document.getElementById("region").disabled = true;
                document.getElementById("empresa").disabled = true;
                document.getElementById("instalacion").disabled = true;
                document.getElementById("gabinete").disabled = true;
                document.getElementById("equipo_id").disabled = true;
            }
            $("#empresa").change(function () {
                cambiaElementos($("#empresa").val());
            });
            $("#area").change(function () {
                cambiaInstalaciones($("#area").val());
            });
        });
        function cambiaElementos(cat) {
            var dd = document.getElementById("area");
            dd.options.length = 0;
            dd.selectedIndex = 0;
            dd.disabled = true;
            $("#area").ajaxError(function (event, request, settings) {
                dd.options[0] = new Option("Seleccione una opción");
            });
            $.getJSON('@Url.Action("getPlantasPorEmpresa")', { empresa: cat }, function (data) {
                dd.disabled = false;
                $.each(data, function (i, item) {
                    dd.options[i + 1] = new Option(item.Text, item.Value);
                });
                dd.options[0] = new Option("Seleccione una opción");
            });
        }
        function ClickBoton() {
            document.getElementById("area").disabled = false;
            document.getElementById("region").disabled = false;
            document.getElementById("empresa").disabled = false;
            document.getElementById("instalacion").disabled = false;
            document.getElementById("gabinete").disabled = false;
            document.getElementById("equipo_id").disabled = false;
        }
    </script>
     <div class="division"><a href="javascript:history.back(1)">Volver</a></div>
</html>
